(() => {
  let ele = {};
  ele.yong1 = $("#yong1");
  ele.yong2 = $("#yong2");
  ele.yong3 = $("#yong3");
  ele.pic1 = $("#pic1");
  ele.pic2 = $("#pic2");
  ele.pic3 = $("#pic3");
  ele.btn1 = $("#btn1");
  ele.btn2 = $("#btn2");
  ele.btn3 = $("#btn3");
  ele.left_jian = $("#left_jian");
  ele.chu_confirm = $("#chu_confirm");
  ele.cen_num = $("#cen_num");
  ele.right_jia = $("#right_jia");
  ele.stoneName = $("#stoneName");
  ele.yongyou = $("#yongyou");
  ele.huoNum = $("#huoNum");
  ele.navcont = $("#navcont");
  ele.img_tan = $("#img_tan");
  ele.close_cut = $("#close-cut");
  ele.modal_sell = $("#modal-sell");
  let id = 1;
  let list = [];
  let obj = [];
  let num = 1;
  let money = 1;
  ele.cen_num.value = num;
  // todo点击减
  ele.left_jian.onclick = () => {
    if (num <= 1) {
      openTips("最少为1");
    } else {
      num--;
      ele.cen_num.value = num;
      ele.huoNum.innerHTML = (money * num).toFixed(1);
    }
  };
  ele.cen_num.oninput = () => {
    num = ele.cen_num.value;
  };
  // todo点击加
  ele.right_jia.onclick = () => {
    num++;
    ele.cen_num.value = num;
    ele.huoNum.innerHTML = (money * num).toFixed(1);
  };

  // todo点击出售
  ele.btn1.onclick = () => {
    money = list[0].money;
    ele.yongyou.innerHTML = `当前拥有：${list[0].my_rough}`;
    ele.huoNum.innerHTML = list[0].money;
    ele.stoneName.innerHTML = "初级原石";
    id = list[0].b_id;
    ele.img_tan.src = `http://img.qxgs.cc/tiantianlaishouzu/img/mine/c1.png`;
    openMdl(ele.modal_sell);
  };
  // todo点击出售
  ele.btn2.onclick = () => {
    money = list[1].money;
    ele.yongyou.innerHTML = `当前拥有：${list[1].my_rough}`;
    ele.huoNum.innerHTML = list[1].money;
    ele.stoneName.innerHTML = "中级原石";
    id = list[1].b_id;
    ele.img_tan.src = `http://img.qxgs.cc/tiantianlaishouzu/img/mine/z1.png`;
    openMdl(ele.modal_sell);
  };

  // todo点击出售
  ele.btn3.onclick = () => {
    money = list[2].money;
    ele.yongyou.innerHTML = `当前拥有：${list[2].my_rough}`;
    ele.huoNum.innerHTML = list[2].money;
    ele.stoneName.innerHTML = "高级原石";
    id = list[2].b_id;
    ele.img_tan.src = `http://img.qxgs.cc/tiantianlaishouzu/img/mine/g1.png`;
    openMdl(ele.modal_sell);
  };
  // todo点击关闭
  ele.close_cut.onclick = () => {
    num = 1;
    ele.cen_num.value = 1;
    closeMdl(ele.modal_sell);
  };
  // 点击确认出售
  ele.chu_confirm.onclick = () => {
    chushou();
  };
  initAsync();
  function initAsync() {
    let token = getCookie("token");
    ajax({
      method: "get",
      url: API_PATH.CHUSHOULIST,
      header: {
        Authorization: token,
      },
      success: (res) => {
        list = res.data.list;
        obj = res.data.record;
        initList();
      },
      error: (err) => {
        // openTips(err.msg);
      },
    });
  }

  //   todo数据初始化
  function initList() {
    //! 出售记录
    let newLi = obj
      .map((item) => {
        return `
      	<div class="navlist">
								<p style="display:${item.cid == 1 ? "block" : "none"};">初级原石</p>
								<p style="display:${item.cid == 2 ? "block" : "none"};">中级原石</p>
								<p style="display:${item.cid == 3 ? "block" : "none"};">高级原石</p>
								<span class="time">${item.created_at}</span>
								<p class="number">${item.level}</p>
								<div class="">
									<img src="http://img.qxgs.cc/tiantianlaishouzu/img/home/jinbi.png" alt="">
									<span>${item.money}</span>
								</div>
							</div>
      `;
      })
      .join(" ");
    ele.navcont.innerHTML = newLi;
    if (obj.length == 0) {
      ele.navcont.innerHTML = `	<div class="img_wu">
								<img src="http://img.qxgs.cc/tiantianlaishouzu/img/public/kong.png" alt="">
								<p>暂无记录</p>
							</div>`;
    }
    // !数量
    ele.yong1.innerHTML = list[0].my_rough;
    ele.yong2.innerHTML = list[1].my_rough;
    ele.yong3.innerHTML = list[2].my_rough;
    // !需要的金币
    ele.pic1.innerHTML = list[0].money;
    ele.pic2.innerHTML = list[1].money;
    ele.pic3.innerHTML = list[2].money;

    // ele.navcont.innerHTML=newObj
  }
  // 出售原石
  function chushou() {
    let token = getCookie("token");
    ajax({
      method: "post",
      url: API_PATH.CHUSHOU,
      header: {
        Authorization: token,
      },
      data: {
        b_id: id,
        num: num,
      },
      success: (res) => {
        num = 1;
        ele.cen_num.value = 1;
        openTips(res.msg);
        closeMdl(ele.modal_sell);
        initAsync();
      },
      error: (err) => {
        // openTips(err.msg);
      },
    });
  }
})();
